<fieldset style="height: 67px; margin-top: -10px">
    <legend>支持文件名：box_rtp,  forge_rtp, box,  forge,  product。提醒：如果未传product，则用库里有的product信息校验。如果传了，就用传的product校验</legend>

    <form class="layui-form layui-form-pane form-search" action="{:url('')}" onsubmit="return false" method="get"
          autocomplete="off" style="float: left; ">
        <div class="layui-form-item layui-inline" style="z-index: 10;">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class='layui-btn layui-btn-normal layui-btn-active' data-file data-type="csv" data-uptype='local'
                    data-field="topic_excel"><i class="layui-icon">&#xe67c;</i>上 传
            </button>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="layui-btn layui-btn-sm" id="batchReleaseBtn">发 布</button>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="layui-btn layui-btn-danger" id="batchDeleteBtn">删 除</button>
        </div>
    </form>

    <script>form.render()</script>
</fieldset>

<script>
    window.form.render();
    $(function () {
        /*！文件上传过程及事件处理 */
        $('[data-file]').on('upload.choose', function (files) {
            // 文件选择后的事件
        }).on('upload.hash', function (event, file) {
            // file 当前文件对象
        }).on('upload.progress', function (event, obj) {
            // obj.file 当前文件对象
            // obj.event 文件上传进度事件
            // obj.number 当前上传进度值
        }).on('upload.done', function (event, obj) {
            // obj.file 当前完成的文件对象，每个文件上传成功将会调用
            // obj.data 当前文件上传后服务端返回的内容，部分云上传不会返回数据

            // obj.file 当前完成的文件对象
            // obj.data 当前文件上传后服务端返回的内容
            console.log(obj.file);
            console.log(obj.data);
            /*! 提交数据并返回结果 */
            if (obj.file.xurl) $.form.load('{:url("import")}', {file: obj.file.xurl}, 'post');
        }).on('upload.complete', function (event) {
            // 全部文件上传成功
        });
    });
</script>


